<template >


    <view class="my-home">

            <view id="top" style="overflow:hidden">
                <view class="my-search">
                        <navigator url="/pages/search/index?form=home" hover-class="none">
                                        <image class="icon" src="/static/images/search-icon1.png" />朱颜荟-越美丽越优惠
                        </navigator>
                </view>
                
                <Menus :menus="menuList" />

                <view class="my-banner">
                        <Banner  height="250" :imags="banners"  />
                </view>
            </view>

            <Tab 
                :fixed="isFixed" 
                :height="tabHeight" 
                id="tab" 
                :defaultSelectId = "cardCategory"
                :l="activityClassMeiye"
                @setSelectId="getSelectId"
                @setTabIdx="getTabIdx" />

            <view  :class="[isFixed?'my-container my-ptop':'my-container']">

  
         <!--附近店铺-->
            <view class="tab-view"  v-if="tabIndex==3">
                    
                  
                       <view class="my-nearly">
                                
                             <SelectedShop    :l="list"   />
                       </view>         
                             <PageBottom :LoadingType="loadingType" noMoreStr="抱歉,没有更多店铺" noDataStr="抱歉,暂时没有店铺"/>     
                    
            </view>

 <!--附近店铺 over-->
            <!---猜你喜欢-->
            <view v-if="tabIndex==1" class="tab-view">
                <view class="my-hot" >
                        <view class="waterfall-list">
            
            
                                <view class="waterfall-list-l hotcard" style="width:345rpx">

                                    <HotCard v-if="index%2 ==0 "  v-for="(item,index) in list" :key="index" :d="item" />
                                    
                                    
                                </view>

                                <view class="waterfall-list-r hotcard" style="width:345rpx">
                                   
                                        <HotCard v-if="index%2 !=0 " v-for="(item,index) in list" :key="index" :d="item" />
                                </view>
                            

                        </view>   
                         <PageBottom :LoadingType="loadingType" />    
                </view>
               
            </view>
            <!---猜你喜欢 over -->

             <view v-if="tabIndex==2" class="tab-view">
                <view class="my-hot" >
                        <view class="waterfall-list">
            
            
                                <view class="waterfall-list-l hotcard" style="width:345rpx">

                                    <HotCard v-if="index%2 ==0 "  v-for="(item,index) in list" :key="index" :d="item" />
                                    
                                    
                                </view>

                                <view class="waterfall-list-r hotcard" style="width:345rpx">
                                   
                                        <HotCard v-if="index%2 !=0 " v-for="(item,index) in list" :key="index" :d="item" />
                                </view>
                            

                        </view>       
                         <PageBottom :LoadingType="loadingType" />
                </view>
                 
            </view>


                 
        </view>    

    </view>
    
</template>

<script lang="ts" src="./index.ts"></script>

<style lang="scss">
  @import './_static/scss/index.scss';
</style>
